import React from 'react';
import { Menu, Icon,Dropdown,Row, Col ,Input} from 'antd';

import '../css/footer.css';






class Footer extends React.Component {
  
  render() {
    
    
    return (
      <div>        
            <div className="footer">
                <div className="footer-inner">
                    <div className="footer-info">
                        <div className="footer-download">
                            <h3 className="footer_tit">下载QQ音乐客户端</h3>
                            <ul className="footer_download_list">
                                <li className="footer_download_list__item">
                                   <i className="icon_qm_pc"></i>PC版
                                </li>
                                <li className="footer_download_list__item">
                                    <i className="icon_qm_mac"></i>Mac版
                                </li>
                                <li className="footer_download_list__item">
                                    <i className="icon_qm_android"></i>Android版
                                </li>
                                <li className="footer_download_list__item">
                                    <i className="icon_qm_iphone"></i>iPhone版
                                </li>
                            </ul>
            
                        </div>

                        <div className="footer_product">
                            <h3 className="footer_tit">特色产品</h3>
                            <ul className="footer_product_list">
                                <li className="footer_product_list__item footer_product_list__item--pic">
                                    <i className="icon_qm_kg"></i>全民K歌
                                    </li>
                                <li className="footer_product_list__item footer_product_list__item--pic"><i className="icon_qm_ss">
                                    </i>Super Sound
                                </li>
                                <li className="footer_product_list__item footer_product_list__item--pic">
                                    <i className="icon_qm_qp"></i>QPlay
                                </li>
                                <li className="footer_product_list__item">QQ音乐原创音乐平台</li>                   
                                <li className="footer_product_list__item">上传视频</li>
                                <li className="footer_product_list__item">车载互联</li>
                                <li className="footer_product_list__item">QQ演出</li>
                            </ul>
                        </div>
                        <div className="footer_link">
                            <h3 className="footer_tit">合作链接</h3>
                           
                            <ul className="footer_link_list">
                                <li className="footer_link_list__item">CJ E&amp;M</li>
                                <li className="footer_link_list__item">腾讯视频</li>
                                <li className="footer_link_list__item">手机QQ空间</li>
                                <li className="footer_link_list__item">最新版QQ</li>
                                <li className="footer_link_list__item">腾讯社交广告</li>
                                <li className="footer_link_list__item">电脑管家</li>
                                <li className="footer_link_list__item">QQ浏览器</li>
                                <li className="footer_link_list__item">画报</li>
                                <li className="footer_link_list__item">黄钻活动</li>
                                <li className="footer_link_list__item">星钻</li>
                                <li className="footer_link_list__item">腾讯微云</li>
                                
                                <li className="footer_link_list__item">更多</li>
                            </ul>
                        </div>
                    </div>
                    <div className="footer-copyright">
                        <p>
                            <a>关于腾讯</a> | <a>About Tencent</a> | <a>服务条款</a> | <a>用户服务协议</a> | <a>隐私政策</a> | <a>广告服务</a> | <a>腾讯招聘</a> | <a>客服中心</a> | <a>网站导航</a>
                        </p>

                        <p>Copyright © 1998 - <script type="text/javascript">document.write(new Date().getFullYear());</script>2017 Tencent. All Rights Reserved.</p>
                        <p>腾讯公司 腾讯网络文化经营许可证</p>
                    </div>
                </div>
            </div>  
            
              
      </div>
    );
  }
}



module.exports = Footer;